<template>
  <div id="musicnavigbar">
    <div class="navbar">
      <button class="el-icon-arrow-left navbarbutt" @click="goadd()"></button>
      <button class="el-icon-arrow-right navbarbutt" @click="gojain()"></button>
    </div>

  </div>
</template>

<script>

export default {
  name: 'MusicNavigBar',
  methods: {
    goadd() {
      this.$router.go(-1)
    },
    gojain() {
      this.$router.go(+1)
    }
  }
}
</script>

<style>
#musicnavigbar{
  width: 5vw;
  height: 8vh;
  display: flex;
  justify-content:center;
}
.navbar {
  padding-top: 1.2rem;
}
</style>